* {
    margin: 0;
    padding: 0;
}

input:focus {
    outline: 0;
}

.message-detail {
    height: 100%;
    background: #f7f7f7;
    min-width: 1000px;
    position: relative;
}

.title {
    background: #e6eaf5;
    height: 56px;
    line-height: 56px;
    position: relative;
    z-index: 1;
}

.note > span {
    font-size: 16px;
}

.note {
    height: 56px;
    width: 600px;
}

.left-distance {
    margin-left: 5px;
}

.address-left {
    padding-left: 2%;
}

.show-block {
    display: inline-block;
}

.position {
    height: 100%;
    font-size: 0;
}

.container {
    height: 100%;
    overflow: hidden;
    padding-top: 56px;
    margin-top: -56px;
    box-sizing: border-box;
    position: relative;
}

.show-block {
    display: inline-block;
}

.address-book-right {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.level {
    border: 1px solid rgb(220, 72, 72);
    color: rgb(220, 72, 72);
    border-radius: 4px;
    padding: 8px;
    font-size: 14px;
    vertical-align: top;
    margin: 4% 0 0 4%;
}

.content-title {
    text-align: center;
    font-size: 34px;
    padding-top: 3%;
    width: 70%;
    margin-left: 15%;
}

.read {
    font-size: 12px;
    text-align: center;
    margin-top: 13px;
}

.light-grey {
    color: #999;
}

.light-red {
    color: rgb(255, 90, 86);
}

.send {
    text-align: center;
    font-size: 12px;
    margin-top: 8px;
}

.light-blue {
    color: rgb(61, 140, 255);
}

.content {
    font-size: 16px;
    width: 100%;
    margin-top: 24px;
    text-indent: 32px;
    line-height: 1.7;
}

.distance {
    width: 90%;
    margin-left: 5%;
}

.receive-person {
    width: 100%;
    font-size: 12px;
    margin-top: 1%;
    line-height: 1.5;
}

.receive-person-left {
    width: 88%;
    vertical-align: middle;
}

.receive-person-right {
    text-align: right;
    width: 10%;
    cursor: pointer;
    vertical-align: middle;
}

.receive-person-right:hover {
    color: rgb(64, 140, 250);
}

.commit {
    border-top: 1px solid #dddbe6;
    border-bottom: 1px solid #dddbe6;
    font-size: 16px;
    color: black;
    padding: 10px 0;
    margin-top: 1%;
}

.commit-right > img {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}

.commit-left {
    width: 80%;
}

.commit-right {
    width: 19%;
    text-align: right;
}

.name {
    font-size: 18px;
    vertical-align: middle;
    margin-left: 1%;

}

.zw,
.hour{
    font-size: 12px;
    vertical-align: middle;
    margin-top: 4px;
}

.zw {
    margin-left: 7px;
    width: 72%;
}

.hour {
    position: absolute;
    right: 0;
    top: 20px;
}

.commit-top > img {
    vertical-align: middle;
    width: 34px;
}

.commit-top {
    padding: 1% 0;
    position: relative;
}

.commit-foot {
    font-size: 16px;
    line-height: 1.5;
}

.each-commit {
    border-bottom: 1px solid #ddd8e6;
    padding: 1% 0;
}

.hover:hover {
    color: rgb(61, 140, 250);
    cursor: pointer;
}

.cursor-point {
    cursor: pointer;
}
















